﻿body{ height: 100%; width: 100%; margin: 0px; padding: 0px; font-family:Myriad, Arial, Verdana, Helvetica, sans-serif; font-size:14px; background:#fff; color:#000; text-align:left; }

@font-face {
    font-family: 'Myriad';
    src: url('../fonty/myriad.eot');
    src: url('../fonty/myriad.eot?#iefix') format('embedded-opentype'),
         url('../fonty/myriad.woff') format('woff'),
         url('../fonty/myriad.ttf') format('truetype');
}




a{text-decoration:none;}
a.wiecej{display:block; float:right; color:#d2ab67; font-size:12px; font-family:Arial, sans-serif;}
a img{border:none;}



	
div#wrapper{margin:0 auto; width:790px; min-height:600px;}

	div#top{display:block; float:left; width:100%; height:55px; background:url('../gfx/top.png') no-repeat; margin:50px 0px 30px 0px;}
		div#top a#logo{display:block; width:116px; height:150px; background:url('../gfx/logo.png') no-repeat; position:relative; top:-34px; left:73px;}
	
		div#content{display:block; float:left; width:610px; margin-left:190px;}
		div#content div{display:block; float:left;}
		
			div#content div#kategorie{width:100%; height:auto; background:url('../gfx/hr.png') no-repeat left 27px; margin-bottom:25px;}
				div#content div#kategorie a{display:block; float:left; width:auto; height:27px; color:#000; padding:0px 20px; line-height:27px; background:none;}
				div#content div#kategorie a.active{background:#860408; color:#fff;}
				
			div#content div.stronicowanie{width:inherit; clear:both; height:32px; background:url('../gfx/line.png') no-repeat bottom center;}
				div#content div.stronicowanie span.page{display:block; float:left; background:#860408; width:16px; height:16px; color:#fff; font-size:11px; font-weight:normal; border-radius:5px; border:2px solid #860408; margin:0px 5px; text-align:center; line-height:16px;}
				div#content div.stronicowanie a{display:block; float:left; color:#860408; font-size:11px; font-weight:bold; border:2px solid #860408; border-radius:5px; width:16px; height:16px; margin:0px 5px; text-align:center; line-height:16px;}
			
			div#content div#prods{width:100%; height:530px; overflow:auto;}
				div#content div#prods div.kat-prod{width:160px; height:300px; overflow:none; text-align:center; margin:10px 15px;}
					div#content div#prods div.kat-prod img{max-width:160px; max-height:200px;}
					div#content div#prods div.kat-prod a.nazwa{display:block; width:100%; text-align:left; color:#860408; font-size:16px;}
					div#content div#prods div.kat-prod span{display:block; float:left; width:auto; margin-right:10px;}
					div#content div#prods div.kat-prod span.cena{color:#000; font-size:16px;}
					div#content div#prods div.kat-prod span.cena-old{color:#860408; font-size:16px; text-decoration:line-through;}
					div#content div#prods div.kat-prod span.small{font-size:11px;}
					
					div#content div#prods hr{display:block; float:left; width:100%; height:1px; background:url('../gfx/line.png') no-repeat; border:none;}
					
			
				
		/* PRACE */
		div#content div#helper{display:none; width:400px; height:auto; min-height:100px; background:url('../gfx/black70.png') repeat; padding:0px; position:absolute; top:50%; left:50%; margin-top:-190px; margin-left:-200px; -moz-box-shadow: 0px 0px 10px #666; -webkit-box-shadow: 0px 0px 10px #666; box-shadow: 0px 0px 10px #666;}
			div#helper a#helper-close{display:block; position:absolute; top:5px; right:5px; width:24px; height:24px; /*margin:-24px -24px 0px 0px;*/ background:url('../gfx/form-close.png') no-repeat;}
			
			div#content div#helper div.preload{display:block; width:100%; height:100%; background:url('../gfx/preload.gif') no-repeat center center;}
			
			div#content div#helper img{display:block; min-width:400px; max-width:400px; min-height:100px;}
			div#content div#helper img#fbsharebutton{display:block; float:right; width:75px; height:16px; min-width:75px; min-height:16px;}
			
			div#content div#helper div#opis{display:block; width:100%; height:100px; position:absolute; bottom:0px; left:0px; background:url('../gfx/black70.png') repeat; color:#fff; font-size:16px;}
				div#content div#helper div#opis span.nazwa{display:block; float:left; width:225px;}
				div#content div#helper div#opis span.cena{display:block; float:left;}
				div#content div#helper div#opis span.cena-old{display:block; float:left; text-decoration:line-through;}
				div#content div#helper div#opis span.small{font-size:12px;}
				div#content div#helper div#opis ul{margin:0px; padding:0px;}
				div#content div#helper div#opis li{margin:0px; padding:0px; list-style:none; display:block; float:left; width:225px;}
			
			div#content div#helper a.link-logo{display:block; float:left; width:150px; height:100px; background:url('../gfx/link-logo.png') no-repeat; margin-right:20px;}
			
	div#content div.fb_reset{float:none !important;}	